/** @format */

import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
// 1. 从 antd 导入 App 组件，可以别名 AntdApp 以避免与您自己的 App 组件混淆
import { ConfigProvider, App as AntdApp } from 'antd';
import zhCN from 'antd/lib/locale/zh_CN';
import { store } from './store/store';
// MyApp 是您项目中的 ./App.jsx 组件
import MyApp from './App';
import { Toaster } from 'react-hot-toast';
import './index.css'; // 确保您的全局样式在此

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <Provider store={store}>
      <ConfigProvider locale={zhCN} theme={{
        token: {
          colorPrimary: '#1677ff',
        },
      }}>
        {/* 2. 使用 AntdApp 包裹您的应用主要部分 */}
        <AntdApp>
          <BrowserRouter basename="/admin">
            <Toaster position="top-center" />
            <MyApp /> {/* 您应用的主组件 */}
          </BrowserRouter>
        </AntdApp>
      </ConfigProvider>
    </Provider>
  </React.StrictMode>,
);